#body_home {
	background-image: url(../images/bg_html_home.png);
}

#body_home #container {
	background-image: url(../images/paper_plane.png);
	background-position: 741px 248px;
}

#body_home #content {
	padding-top: 0;
	position:relative;
}

#body_home #content_main{
/*  width:936px;*/
  width:100%;
}

#h1_home {
	color: #fff;
	position: relative;
	width: 848px;
	height: 130px;
	margin: 0 0 40px 0;
	overflow: hidden;
	background: url(../images/hdr_h1_home.png) no-repeat 0 0;
	text-indent:-9999px;
}

#link_ruby_on_rails{
  position:absolute;
  top:0px;
  right:-65px;
}

#link_ruby_on_rails, #link_ruby_on_rails a:link, #link_ruby_on_rails a:visited, #link_ruby_on_rails span{
  width:87px;
  height:91px;
}

#link_ruby_on_rails a:link, 
#link_ruby_on_rails a:visited,
#link_ruby_on_rails span{
  background:url(../images/we_love_ruby_on_rails.png) no-repeat;
  display:block;
}


/* our work div */
#our_work h2 {
	color: #fff;
	font-size: 1.33em;
	margin-bottom: 20px;
}

#our_work li{
	list-style:none;
	float:left;
	background: #fff url(../images/bg_with_caption.png) no-repeat 0 0;
	margin:0 30px 95px 0;
	padding: 5px 7px 8px 5px;
	width:258px;
	position: relative;
}

#our_work li.last{
	margin-right:0;
}

#our_work li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 107px;
	width: 226px;
	padding: 16px;
	color: #000;
	font: 1.92em/1.2 "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
}

#our_work li a:focus, #our_work li a:hover { text-decoration: none; }

#our_work li img {
	position: absolute;
	top: 0;
	left: 0;
	height: 139px;
	width: 258px;
	border: 0;
}

#intro {
	float: left;
	width: 270px;
	margin: 0 30px 0 0;
	color: #999;
}

#blog_posts{
	float: left;
	width: 570px;
	color: #999;
}

#intro h2, #blog_posts h2 {
	font-size: 2em;
	margin: 0 0 10px;
}

#intro p {
	font-size: 1.17em;
}

#blog_posts p{
	font-size:.92em;
	margin:0;
}

#blog_posts ul{
	margin:0;
}

#blog_posts li{
	margin:0 0 20px;
	padding: 0;
	background: none;
}

#blog_posts h3{
	font-size:1.75em;
	margin:0;
}